<template>
  <loading-text v-if="loading"></loading-text>
  <div class="form-list" v-else>
    <div class="form-list-item">
      <div class="label">姓名</div>
      <div class="content">{{detail.aac003}}</div>
    </div>
    <div class="form-list-item">
      <div class="label">档案号</div>
      <div class="content">{{detail.archiveCode}}</div>
    </div>
    <div class="form-list-item">
      <div class="label">身份证号</div>
      <div class="content">{{detail.aac002}}</div>
    </div>
    <div class="form-list-item">
      <div class="label">申报职称</div>
      <div class="content">{{detail.titleLevel}}</div>
    </div>
    <div class="form-list-item">
      <div class="label">报名课</div>
      <div class="content">{{detail.course}}</div>
    </div>
    <div class="form-list-item">
      <div class="label">报名年度</div>
      <div class="content">{{(detail.vintages || []).join(',')}}</div>
    </div>
    <div class="form-list-item">
      <div class="label">报名年度</div>
      <div class="content">{{(detail.learnYears || []).join(',')}}</div>
    </div>
    <div class="form-list-item">
      <div class="label">报名序号</div>
      <div class="content">{{(detail.serialNumbers || []).join(',')}}</div>
    </div>
  </div>
</template>

<script>
  import LoadingText from '../../../components/loading-text/loading-text'
  export default {
    name: 'detail-edu',
    components: {LoadingText},
    data() {
      return {
        loading: true,
        detail: {}
      }
    },
    methods: {
      getDetail() {
        this.$post('/admin/person/sapi/education/continuing/sign/detail/Info', {
          applyId: this.$route.query.id
        }, loading => { this.loading = loading }).then(res => {
          this.detail = res.data
        })
      }
    },
    created() {
      this.getDetail()
    }
  }
</script>

<style scoped>

</style>
